<template>
  <div>
    <ul>
      <li v-for="(item,index) in navs" :key="index">
        {{item.name}}
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  props:['navs']
}
</script>
<style lang="less" scoped>
  ul{
    display: flex;
    justify-content: center;
  }
</style>